<template>
    <div class="adminHomeBox">
        <!-- banner -->
        <div class="swiper-container " >
            <div class="swiper-wrapper">
                <div class="swiper-slide bannerBox">
                    <img src="../../static/image/banner1.jpg" alt="">
                    <!-- bannerWord -->
                    <div class="bannerWord">
                        <div class="bannerTitle">
                            <h1>VUCA时代来临<br/>你准备好面对变革了吗？！</h1>
                            <div></div>
                        </div>
                        <div class="word-content">
                            <p>
                                世界快速进入VUCA时代，企业与员工都需要具备适应变化的能力，
                                企业的发展需要人的支撑，而快速变化的环境中，企业员工特别是各级管理者，
                                需要以终生成长来适应企业的长期发展，个性化、强互动、做中学、数据化的学习方式迫在眉睫。
                            </p>
                        </div>
                    </div>
                    <!-- bannerWord end-->

                </div>
                <div class="swiper-slide bannerBox">
                    <img src="../../static/image/banner2.jpg" alt="">
                    <!-- bannerWord -->
                    <div class="bannerWord">
                        <div class="bannerTitle">
                            <h1> 与我们携手<br>进入游戏化体验！</h1>
                            <div></div>
                        </div>
                        <div class="word-content">
                            <p>
                                GLP是合得国际基于过往15年累积的游戏化学习产品研发及应用经验及数据，构建的管理能力在线学习平台，目的在于结合互联网、大数据、人工智能等前沿科学，为企业客户提供更低成本、不受时间空间限制、可以跨团队跨部门跨行业挑战、让企业获取管理人才能力成长数据、让管理人才“做中学”的系统化管理能力提升工具。
                            </p>
                        </div>
                    </div>
                    <!-- bannerWord end-->                    
                </div>
                <div class="swiper-slide bannerBox">
                    <img src="../../static/image/banner3.jpg" alt="">
                    <!-- bannerWord -->
                    <div class="bannerWord">
                        <div class="bannerTitle">
                            <h1>零基础一站式<br/>学习商战</h1>
                            <div></div>
                        </div>
                        <div class="word-content">
                            <p>
                                1、企业可自行管理的包含课程、学员、数据、赛事管理的综合管理能力教学系统<br/>
                                2、支持跨部门、跨企业、跨行业的挑战及赛事系统<br/>
                                3、深度结合产品的知识百科系统、各行业代表企业经典赛事讲解视频<br/>
                                4、基于学员学习过程及能力成长轨迹给出的数据报告，结果展示<br/>
                            </p>
                        </div>

                    </div>
                    <!-- bannerWord end-->                    
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <!-- banner end-->


        <!-- content -->
        <div class="adminHomeContent">
            <div class="contentOneBox">
                <div class="one-left" v-for="list in simosData" :key="list.id">
                    <img :src="list.imgSrc" alt="" class="boxImg">
                    <div class="leftTitle">
                        <h2>{{list.title}}</h2>
                        <router-link to="course-management">查看更多</router-link>
                    </div>
                    <div class="leftContent clear">
                        <p class="leftWord">{{list.content1}}</p>
                        <p>{{list.content2}}</p>
                    </div>
                </div>
                <div class="one-left" v-for="list in changeManData" :key="list.id">
                    <img :src="list.imgSrc" alt="" class="boxImg">
                    <div class="leftTitle">
                        <h2>{{list.title}}</h2>
                        <!-- <router-link to="curriculum-schedule">查看更多</router-link> -->
                        <a href="javascript:void(0)" disabled class="jingqing">敬请期待</a>
                    </div>
                    <div class="leftContent clear">
                        <p class="leftWord">{{list.content1}}</p>
                        <p>{{list.content2}}</p>
                    </div>
                </div>
                <div class="one-left" v-for="list in synergyData" :key="list.id">
                    <img :src="list.imgSrc" alt="" class="boxImg">
                    <div class="leftTitle">
                        <h2>{{list.title}}</h2>
                        <!-- <router-link to="curriculum-schedule">查看更多</router-link> -->
                         <a href="javascript:void(0)" disabled class="jingqing">敬请期待</a>
                    </div>
                    <div class="leftContent clear born">
                        <p class="leftWord">{{list.content1}}</p>
                        <p>{{list.content2}}</p>
                        <p>{{list.content3}}</p>
                    </div>
                </div>
                
            </div>
            <div class="contentTwoBox">
                <h2>合得产品广泛覆盖企业关注的管理能力</h2>
                <p>合得产品以商战模拟为基础，秉承“体验式学习”的主动学习理念，为学习者创造无风险的虚拟的商战环境，通过实战演练，从多个维度提升学习者的核心管理能力。</p>
                <div>
                    <img src="../../static/image/group-4.png" alt="">
                </div>
            </div>
        </div>
        <!-- content end-->
    </div>
</template>
<script>
import Swiper from 'swiper'
    export default {
        name:'adminHome',
        data(){
            return {
                // markSimos
                simosData:[
                    {
                        imgSrc:'../../static/image/group-1.png',
                        title:'MarkSimos商战风云',
                        content1:'瞬息万变的商业环境下，想要企业与时俱进，就必须让企业的核心管理层与时俱进。要求管理者具备高度商业敏感，快速洞察并做出决策，实现企业运营各个领域的持续改善与创新。那么，如何才能快速提升他们的管理能力呢？',
                        content2:'然而，不管是企业大学、培训机构还是MBA，都无法提供给管理者一个训练综合管理技能的平台。基于新兴市场数据，由世界一流研发团队开发出全球首个在线商战模拟——MarkSimos，以理论结合实践的操作模式，实现跨越时空、辐射全球、随时随地的商业模拟演练。在高仿真、零风险的环境下运营一家公司，通过运营过程中的各种决策考验与判断，帮助学员快速形成CEO思维，全面提升管理技能。'
                    }
                ],
                changeManData:[
                    {
                        imgSrc:'../../static/image/group-2.png',
                        title:'ChangeMan引领变革',
                        content1:'这是个充满着机遇的时代，也是个充满着危机的时代。为了未来生机，企业们不断寻求变革。然而全球变革项目的失败率高达70%，无数巨擘——诺基亚、索尼、柯达都在变革的路上搁浅。为何变革的大船说翻就翻？是什么因素决定着变革的成败？',
                        content2:'ChangeMan引领变革是目前国内唯一一款以变革为主题的在线实战模拟课程，通过John Kotter 变革的八个步骤、Leavitt的钻石模型、抗拒介入方案、选择领导力风格等系统的方法，有效帮地助企业看清变革周期，应对变革中产生的种种心理抗阻，提升变革的领导力和管理能力，从而提高变革的成功率。'
                    }
                ],
                synergyData:[
                    {
                        imgSrc:'../../static/image/group-3.png',
                        title:'TeamSynergy合得合力',
                        content1:'一款专门打造团队合力，构建高绩效团队的场景型模拟游戏课程。',
                        content2:'通过3D电脑游戏体验，颠覆式的学习方式，个体和团队展现真我，洞察、接纳自我、他人和团队的风格和行为方式，建立高度信任。在过程中，全方位关注构建高效团队因素，对于团队成员的聆听与表达能力，内化压力以及处理矛盾等能力有深入的训练。',
                        content3:'课程通过引导式教学方式，经典的高效团队理论贯穿始终，并结合常见的团队情景，进行深入浅出的引导和点拨，起到举一反三的作用。'
                    }
                ],
               
            }
        },
        mounted(){
            var mySwiper = new Swiper('.swiper-container', {
                slidesPerView: 1,
                // spaceBetween: 30,
                loop: true,
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {   
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            })
        },
        
    }
</script>

